<template>
	<view class="settled-content">
		<u-form :model="submitForm" ref="uForm" label-width="140">
			<view class="douyin-box">
				<u-form-item label="抖音ID"><u-input v-model="submitForm.douyin_id" placeholder="请输入抖音号ID" /></u-form-item>
				<u-form-item label="粉丝数量"><u-input v-model="submitForm.fans" placeholder="请输入粉丝数量" /></u-form-item>
			</view>
			<view class="douyin-box">
				<u-form-item label="姓名"><u-input v-model="submitForm.name" placeholder="请留下你的尊贵大名" /></u-form-item>
				<u-form-item label="手机号码"><u-input v-model="submitForm.phone" placeholder="电话号码是多少" /></u-form-item>
				<u-form-item label="微信号"><u-input v-model="submitForm.wx" placeholder="微信号码是多少" /></u-form-item>
			</view>
			<view class="banner-img">
				<image src="../../static/index/讲师入驻1.png" mode=""></image>
			</view>
		</u-form>
		<view class="submit-box">
			<u-button type="success" shape="circle" :custom-style="customStyle" @click="joinSettles">提交讲师入驻信息</u-button>
		</view>
	</view>
</template>

<script>
	import { joinSettle } from '@/api/user.js';
import { toast } from '../../utils/common';
// import toast from 'uview-ui/libs/function/toast';
	export default {
		data() {
			return {
				customStyle: {
					background: '#2AC092'
				},
				submitForm: {
					douyin_id: '',
					fans: '',
					name: '',
					phone: '',
					wx: ''
				}
			}
		},
		methods:{
			joinSettles(){
				joinSettle(this.submitForm).then(res=>{
					toast('申请成功，请耐心等待...')
				})
			}
		}
	}
</script>

<style lang="scss">
	.douyin-box {
		width: 95%;
		margin: 20rpx auto;
		padding: 20rpx;
		border-radius: 10rpx;
		background-color: #fff;
	}

	.banner-img {
		width: 95%;
		margin: 20rpx auto;

		>image {
			width: 100%;
			height: 300rpx;
		}
	}

	.submit-box {
		background-color: #fff;
		width: 100%;
		padding: 20rpx;
		position: fixed;
		bottom: 0;
	}
</style>